<template>
  <div class="daily">
    
    <div class="daily_bg"></div>
    
    <div class="workBench_content">
      <div class="work_item" @click="toMarketChannel">
        <i class="icon_work"></i>
        <span class="work_sub_title">市场渠道</span>
        <div class="check_box">
          <van-button @click="toMarketChannel" round type="info" color="#93B7FF" size="mini" class="btn btn_check">查看</van-button>
        </div>
      </div>
    </div>

  </div>
</template>


<style scoped>

.daily {
  position: relative;
}

.daily_bg {
  height: 5.76rem;
  width: 100%;
  background:linear-gradient(236deg,rgba(255,152,83,1) 0%,rgba(255,151,151,1) 100%);
}

.workBench_content {
  position: absolute;
  left: 0;
  padding: 0 .266667rem ;
  top: .666667rem;
  width: 100%;
  box-sizing: border-box;
}

.work_item {
  height: 1.6rem;
  width: 100%;
  border-radius: .2rem;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: .56rem;
}

.work_item .work_sub_title {
  font-size: .373333rem;
  margin-left: .266667rem;
}

.work_item .icon_work {
  display: inline-block;
  width: .933333rem;
  height: .933333rem;
  margin-left: .666667rem;
}
  
.work_item:nth-of-type(1) .icon_work {
  background: url('../../../assets/img/icon_work5.png') 0 0 no-repeat;
  background-size: 100%;
}
.work_item:nth-of-type(2) .icon_work {
  background: url('../../../assets/img/icon_work2.png') 0 0 no-repeat;
  background-size: 100%;
}
.work_item:nth-of-type(3) .icon_work {
  background: url('../../../assets/img/icon_work3.png') 0 0 no-repeat;
  background-size: 100%;
}
.work_item:nth-of-type(4) .icon_work {
  background: url('../../../assets/img/icon_work4.png') 0 0 no-repeat;
  background-size: 100%;
}

.work_item:nth-of-type(1) {
  border-left: .186667rem solid #8b9dfb;
}
.work_item:nth-of-type(1) .work_sub_title {
  color: #8b9dfb;
}
.work_item:nth-of-type(2) {
  border-left: .186667rem solid #FFC834;
}
.work_item:nth-of-type(2) .work_sub_title {
  color: #FFC834;
}
.work_item:nth-of-type(3) {
  border-left: .186667rem solid #FE8697;
}
.work_item:nth-of-type(3) .work_sub_title {
  color: #FE8697;
}
.work_item:nth-of-type(4) {
  border-left: .186667rem solid #8B9DFB;
}
.work_item:nth-of-type(4) .work_sub_title {
  color: #8B9DFB;
}

.check_box {
  display: flex;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}
.number {
  width: .44rem;
  height: .44rem;
  border-radius: 50%;
  background: #E02020;
  color: #fff;
  font-size:.253333rem;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-right: .213333rem;
}

.btn_check {
  margin-left: auto;
  margin-right: .506667rem;
}


</style>

<script>
import {
  createNamespacedHelpers
} from "vuex";
let {
  mapState,
  mapGetters,
  mapMutations,
  mapActions
} = createNamespacedHelpers("daily");


export default {
  name: 'daily',
  data() {
    return {
      jwtAuth: {},
      year: '',
      schoolId: '',
      schoolName: '',
      schoolList: [],
      homeData: {
        
      },
    }
  },
  created() {
    
   
  },
  mounted() {
   
  },
  
  methods: {
    ...mapMutations([
      "updateInfo",
    ]),
    ...mapActions([
      "formGet",
      "post"
    ]),

    toMarketChannel() {
      this.$router.push({
        name: 'marketChannel'
      })
    },
    

    
    
  },
  computed: {
    ...mapState([
    ]),
   
  },
  components: {
  },
}

</script>